<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>万息日报管理</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/admin.css">
    <script src="/js/jquery-3.5.1.min.js"></script>
    <script src="/js/jquery.easyui.min.js"></script>
    <script src="/layui/layui.all.js"></script>
    <script src="/js/myajax.js"></script>
    <script src="/js/admin_display.js"></script>
    <script src="/js/admin.js"></script>

</head>
<body class="layui-layout-body close-footer">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo" style="font-size: 20px">日报操作</div>
        <ul class="layui-nav layui-layout-right" style="width: 200px;display: flex;justify-content: space-between">
            <li class="layui-nav-item" style="width:80px;text-align: center">
                <span id="userinfo" style="font-size: 16px"></span>
                <dl class="layui-nav-child">
                    <dd>
                        <div>
                            <button type="button" class="layui-btn" id="updatename">修改名字</button>
                        </div>
                        <div>
                            <button type="button" class="layui-btn" id="updatepassword">修改密码</button>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <button type="button" class="layui-btn layui-btn-danger" id="logout">退出</button>
            </li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul id="vue-nav" class="layui-nav layui-nav-tree" lay-filter="admin-nav">
                <li v-if="user_role=='superadmin'" class="layui-nav-item">
                    <a class="" href="javascript:;">用户&角色&权限管理</a>
                    <dl class="layui-nav-child">
                        <dd><a name="admin" href="javascript:;">用户</a></dd>
                        <dd><a name="role" href="javascript:;">角色</a></dd>
                        <dd><a name="authority" href="javascript:;">权限</a></dd>
                    </dl>
                </li>
                <li v-if="user_role=='superadmin' || user_role=='admin' || user_role=='company'" class="layui-nav-item">
                    <a href="javascript:;">日报</a>
                    <dl class="layui-nav-child">
                        <dd><a name="insertdailyreport__" href="javascript:;">填写日报</a></dd>
                        <dd><a name="selfreport" href="javascript:;">日报记录</a></dd>
                        <dd><a name="adminreport" href="javascript:;">日报管理</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a name="word" href="javascript:;">单词</a></li>
                <li class="layui-nav-item"><a name="deleteAll" href="javascript:;">关闭所有</a></li>
            </ul>
        </div>
    </div>
    <div class="layui-body">
        <div class="layui-tab layui-tab-brief" lay-filter="content-tab" lay-allowClose="true">
            <ul class="layui-tab-title"></ul>
            <div class="layui-tab-content"></div>
        </div>
    </div>
</div>

<!--  修改名字的表单  update_name_html  -->
<div id="update_name_html" class="layui-form layui-form-pane" hidden>
    <div class="layui-form-item" style="display: flex;align-items: center;justify-content: center;margin-top: 20px">
        <div class="layui-input-inline">
            <input id="name" type="text" name="password" lay-verify="required" lay-verType="tips"
                   autocomplete="off" class="layui-input"/>
        </div>
    </div>

    <div class="layui-form-item" style="display: flex;align-items: center;justify-content: center">
        <div class="layui-input-block" style="margin: auto">
            <button class="layui-btn" lay-submit lay-filter="updatenamesubmit">确认修改</button>
        </div>
    </div>
</div>


<!--  修改密码的表单  update_password_html  -->
<div id="update_password_html" class="layui-form layui-form-pane" hidden>
    <div class="layui-form-item" style="display: flex;align-items: center;justify-content: center;margin-top: 20px">

        <div class="layui-input-inline">
            <input id="password" type="password" name="password" required lay-verify="password" lay-verType="tips"
                   placeholder="请输入新密码" autocomplete="off" class="layui-input"/>
        </div>

    </div>

    <div class="layui-form-item" style="display: flex;align-items: center;justify-content: center">
        <div class="layui-input-inline">
            <input id="newpassword" type="password" name="password" required lay-verify="checkpassword"
                   lay-verType="tips" placeholder="请重复密码" autocomplete="off" class="layui-input"/>
        </div>

    </div>

    <div class="layui-form-item" style="display: flex;align-items: center;justify-content: center">
        <div class="layui-input-block" style="margin: auto">
            <button class="layui-btn" lay-submit lay-filter="updatesubmit">确认修改</button>
        </div>
    </div>
</div>


<!-- 待渲染的html -->
<div hidden>
    <!--  表格头 工具栏 样式    table_options_toolbar_html_ id   -->
    <div id="table_options_toolbar_html_admin">
        <div class="layui-form" lay-filter="toolbar_form_admin">
            <span>用户名:</span>
            <div class="layui-inline">
                <input type="text" name="username" autocomplete="off" class="layui-input">
            </div>
            <span>名字:</span>
            <div class="layui-inline">
                <input type="text" name="name" autocomplete="off" class="layui-input">
            </div>
            <span>是否可用:</span>
            <div class="layui-inline">
                <select name="survival" lay-verType="tips">
                    <option value=""></option>
                    <option value="1">可用</option>
                    <option value="0">不可用</option>
                </select>
            </div>

            <div class="layui-form-item">
                <span>角色:</span>
                <div id="admin_role" class="layui-inline"></div>
            </div>
            <div class="layui-form-item">
                <span>权限:</span>
                <div id="admin_authority" class="layui-inline"></div>
            </div>

            <div class="layui-inline">
                <button class="layui-btn" lay-event="admincheckboxselect"><i class="layui-icon">&#xe615;</i>查询
                </button>
                <button class="layui-btn layui-btn-danger" lay-event="reset"><i
                        class="layui-icon">&#xe669;</i>重置
                </button>
            </div>
        </div>
    </div>

    <div id="table_options_toolbar_html_role">
        <div class="layui-form" lay-filter="toolbar_form_role">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <button class="layui-btn" lay-filter="role_insert" lay-submit><i class="layui-icon">&#xe624;</i>新增
                    </button>
                </div>
                <span>角色名：</span>
                <div class="layui-inline">
                    <input type="text" name="role" lay-verify="required" lay-verType="tips" autocomplete="off"
                           class="layui-input">
                </div>
                <span>说明：</span>
                <div class="layui-inline">
                    <input type="text" name="introduction" lay-verType="tips" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <span>权限:</span>
                <div id="role_authority" class="layui-inline"></div>
            </div>
            <div class="layui-inline">
                <button class="layui-btn" lay-event="rolecheckboxselect"><i class="layui-icon">&#xe615;</i>查询
                </button>
                <button class="layui-btn layui-btn-danger" lay-event="reset"><i
                        class="layui-icon">&#xe669;</i>重置
                </button>
            </div>

        </div>
    </div>

    <div id="table_options_toolbar_html_authority">
        <div class="layui-form" lay-filter="toolbar_form_authority">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <button class="layui-btn" lay-filter="authority_insert" lay-submit><i
                            class="layui-icon">&#xe624;</i>新增
                    </button>
                </div>
                <span>权限名：</span>
                <div class="layui-inline">
                    <input type="text" name="authority" lay-verify="required" lay-verType="tips" autocomplete="off"
                           class="layui-input">
                </div>
                <span>说明：</span>
                <div class="layui-inline">
                    <input type="text" name="introduction" lay-verType="tips" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-inline">
                <button class="layui-btn" lay-event="authorityselect"><i class="layui-icon">&#xe615;</i>查询
                </button>
                <button class="layui-btn layui-btn-danger" lay-event="reset"><i
                        class="layui-icon">&#xe669;</i>重置
                </button>
            </div>

        </div>
    </div>

    <div id="table_options_toolbar_html_selfreport">
        <div class="layui-form" lay-filter="toolbar_form_selfreport">
            <div class="layui-form-item">
                <span>专业：</span>
                <div class="layui-inline">
                    <input type="text" name="userclass" autocomplete="off" class="layui-input">
                </div>
                <span>督导：</span>
                <div class="layui-inline">
                    <input type="text" name="classTeacherName" autocomplete="off" class="layui-input">
                </div>
                <span>教练：</span>
                <div class="layui-inline">
                    <input type="text" name="teacherName" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <span>内容：</span>
                <div class="layui-inline">
                    <input type="text" name="reportcontent" autocomplete="off" class="layui-input">
                </div>
                <span>日期：</span>
                <div class="layui-inline">
                    <input type="datetime-local" id="starttime" name="start" onchange="starttimechange(this)"
                           autocomplete="off" class="layui-input">
                </div>
                <span>~</span>
                <div class="layui-inline">
                    <input type="datetime-local" id="endtime" name="end" onchange="endtimechange(this)"
                           autocomplete="off" class="layui-input">
                </div>
                <span>日报状态:</span>
                <div class="layui-inline">
                    <select name="status" lay-verType="tips">
                        <option value=""></option>
                        <option value="0">草稿</option>
                        <option value="1">已提交</option>
                        <option value="2">已查看</option>
                    </select>
                </div>
            </div>

            <div class="layui-inline">
                <button class="layui-btn" lay-event="selfreportselect"><i class="layui-icon">&#xe615;</i>查询
                </button>
                <button class="layui-btn layui-btn-danger" lay-event="reset"><i
                        class="layui-icon">&#xe669;</i>重置
                </button>
                <button class="layui-btn layui-btn-normal" lay-event="createword"><i
                        class="layui-icon">&#xe67d;</i>导出
                </button>
            </div>

        </div>
    </div>

    <div id="table_options_toolbar_html_adminreport">
        <div class="layui-form" lay-filter="toolbar_form_adminreport">
            <div class="layui-form-item">
                <span>专业：</span>
                <div class="layui-inline">
                    <input type="text" name="userclass" autocomplete="off" class="layui-input">
                </div>
                <span>督导：</span>
                <div class="layui-inline">
                    <input type="text" name="classTeacherName" autocomplete="off" class="layui-input">
                </div>
                <span>教练：</span>
                <div class="layui-inline">
                    <input type="text" name="teacherName" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <span>内容：</span>
                <div class="layui-inline">
                    <input type="text" name="reportcontent" autocomplete="off" class="layui-input">
                </div>
                <span>日期：</span>
                <div class="layui-inline">
                    <input type="datetime-local" id="start_time" name="start" onchange="start_time_change(this)"
                           autocomplete="off" class="layui-input">
                </div>
                <span>~</span>
                <div class="layui-inline">
                    <input type="datetime-local" id="end_time" name="end" onchange="end_time_change(this)"
                           autocomplete="off" class="layui-input">
                </div>
                <span>日报状态:</span>
                <div class="layui-inline">
                    <select name="status" lay-verType="tips">
                        <option value=""></option>
                        <option value="1">已提交</option>
                        <option value="2">已查看</option>
                    </select>
                </div>
            </div>

            <div class="layui-inline">
                <button class="layui-btn" lay-event="selfreportselect"><i class="layui-icon">&#xe615;</i>查询
                </button>
                <button class="layui-btn layui-btn-danger" lay-event="reset"><i
                        class="layui-icon">&#xe669;</i>重置
                </button>
                <button class="layui-btn layui-btn-normal" lay-event="createword"><i
                        class="layui-icon">&#xe67d;</i>导出
                </button>
            </div>

        </div>
    </div>

    <div id="table_options_toolbar_html_word">
        <div class="layui-form" lay-filter="toolbar_form_word">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <button class="layui-btn" lay-filter="word_insert" lay-submit><i
                            class="layui-icon">&#xe624;</i>新增
                    </button>
                </div>
                <span>单词：</span>
                <div class="layui-inline">
                    <input type="text" name="word" lay-verify="word" lay-verType="tips" autocomplete="off"
                           placeholder="新增必填项" class="layui-input">
                </div>
                <span>释义：</span>
                <div class="layui-inline">
                    <input type="text" name="wordexplain" lay-verify="required" lay-verType="tips" autocomplete="off"
                           placeholder="新增必填项" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <span>排序方式:</span>
                <div class="layui-inline">
                    <select name="order" lay-verType="tips">
                        <option value="">自然排序</option>
                        <option value="1">点赞数</option>
                        <option value="2">收藏数</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <button class="layui-btn" lay-event="wordselect"><i class="layui-icon">&#xe615;</i>查询
                </button>
                <button class="layui-btn layui-btn-danger" lay-event="reset"><i
                        class="layui-icon">&#xe669;</i>重置
                </button>
            </div>
            <div class="layui-inline" style="float: right">
                <button class="layui-btn" lay-event="mycollection"><i
                        class="layui-icon">&#xe658;</i>我的收藏
                </button>
            </div>
        </div>
    </div>

    <div id="table_options_toolbar_html_mycollection">
        <div class="layui-form" lay-filter="toolbar_form_word">
            <div class="layui-form-item">

                <div class="layui-inline">
                    <button class="layui-btn layui-btn-danger" lay-event="reset"><i
                            class="layui-icon">&#xe669;</i>返回
                    </button>
                </div>
                <div class="layui-inline" style="float: right">
                    <button class="layui-btn" lay-event="mycollection"><i
                            class="layui-icon">&#xe658;</i>刷新
                    </button>
                </div>
            </div>
        </div>
    </div>

</div>

<form id="rowToolBar_update_layerform_html_admin" class="layui-form layui-form-pane" lay-filter="admin_updateform"
      hidden>
    <span>用户名:</span>
    <div class="layui-input-inline">
        <input type="text" name="username" readonly class="layui-input">
    </div>
    <span>用户名:</span>
    <div class="layui-input-inline">
        <input type="text" name="name" readonly class="layui-input">
    </div>
    <div class="layui-form-item" style="margin-top: 10px">
        <span>角色：</span>
    </div>
    <div id="admin-role" style="width: 98%;float: left"></div>
    <div class="layui-form-item" style="padding-top: 10px">
        <span>所选角色对应的所有权限：</span>
    </div>
    <div id="user_update_show_authority" style="width: 98%;float: left"></div>
    <div class="layui-form-item" style="padding-top: 30px">
        <span>权限额外配置：</span>
    </div>
    <div>未绑定权限</div>
    <div id="admin-authority" class="authority-drop"
         style="width: 98%;height:40px;float: left;border: #009688 1px solid;padding: 6px 4px;min-height: 36px"></div>
    <div style="width: 100%">
        <div style="width: 49%;float: left;border: #009688 1px solid;margin-top: 10px">
            <div style="width: 100%">权限绑定</div>
            <div class="authority-drop" id="admin-authority-add" style="width: 100%;height:200px"></div>
        </div>
        <div style="width: 49%;float: right;border: #009688 1px solid;margin-top: 10px">
            <div style="width: 100%">权限解除</div>
            <div class="authority-drop" id="admin-authority-del" style="width: 100%;height:200px"></div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline" style="margin-top:20px;float: right">
            <button class="layui-btn" lay-filter="admin_update" lay-submit><i class="layui-icon">&#xe609;</i>提交
            </button>
        </div>
    </div>
</form>

<form id="rowToolBar_update_layerform_html_role" class="layui-form layui-form-pane" lay-filter="role_updateform"
      hidden>
    <div class="layui-form-item">
        <label class="layui-form-label">角色：</label>
        <div class="layui-input-inline">
            <input type="text" name="role" lay-verify="required" lay-verType="tips" autocomplete="off"
                   class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">说明：</label>
        <div class="layui-input-inline">
            <input type="text" name="introduction" lay-verType="tips" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item" style="margin-top: 10px">
        <span>权限：</span>
    </div>
    <div id="role-authority" class="layui-inline" style="float: left"></div>

    <div class="layui-form-item">
        <div class="layui-inline" style="margin-top:20px;float: right">
            <button class="layui-btn" lay-filter="role_update" lay-submit><i class="layui-icon">&#xe609;</i>提交
            </button>
        </div>
    </div>
</form>

<form id="rowToolBar_update_layerform_html_authority" class="layui-form layui-form-pane"
      lay-filter="authority_updateform"
      hidden>
    <div class="layui-form-item">
        <label class="layui-form-label">权限：</label>
        <div class="layui-input-inline">
            <input type="text" name="authority" lay-verify="required" lay-verType="tips" autocomplete="off"
                   class="layui-input">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">说明：</label>
        <div class="layui-input-inline">
            <input type="text" name="introduction" lay-verType="tips" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline" style="margin-top:20px;float: right">
            <button class="layui-btn" lay-filter="authority_update" lay-submit><i class="layui-icon">&#xe609;</i>提交
            </button>
        </div>
    </div>
</form>

<!--  日报弹窗  -->
<div id="view_data_insertdailyreport__" hidden>
    <div style="display: flex;flex-direction: column;align-items: center">
        <h1 style="padding:40px;margin: auto">《日报》</h1>
        <div style="padding-top:20px;width: 90%;">
            <span>专业：</span><select id="userclass"
                                    style="width:90px; border: 0 ;border-bottom: black solid 1px"></select>
            <span>教练：</span><select id="teacher" style="width:90px;border: 0 ;border-bottom: black solid 1px"></select>
            <span>督导：</span><select id="classTeacher"
                                    style="width:90px; border: 0 ;border-bottom: black solid 1px"></select>
        </div>
        <div style="width:90%;height:120px;display: flex;margin-top: 20px">
            <div style="width: 20%;height: 100%;border: black solid 1px;border-right:0;display: flex;align-items: center;justify-content: center">
                学习内容:
            </div>
            <div style="width: 80%;height: 100%;border: black solid 1px">
                <textarea id="reportcontent1"
                          style="width: 100%;height: 100%;resize: none;border-left: 0;border-top: 0"></textarea>
            </div>
        </div>
        <div style="width:90%;height:180px;display: flex">
            <div style="width: 20%;height: 100%;border: black solid 1px;border-right:0;border-top:0;display: flex;align-items: center;justify-content: center">
                收获:
            </div>
            <div style="width: 80%;height: 100%;border: black solid 1px;border-top:0">
                <textarea id="reportcontent2" style="width: 100%;height: 100%;resize: none;border-left: 0"></textarea>
            </div>
        </div>
        <div style="width:90%;height:180px;display: flex">
            <div style="width: 20%;height: 100%;border: black solid 1px;border-right:0;border-top:0;display: flex;align-items: center;justify-content: center">
                不足:
            </div>
            <div style="width: 80%;height: 100%;border: black solid 1px;border-top:0">
                <textarea id="reportcontent3" style="width: 100%;height: 100%;resize: none;border-left: 0"></textarea>
            </div>
        </div>
        <div style="width:90%;height:120px;display: flex">
            <div style="width: 20%;height: 100%;border: black solid 1px;border-right:0;border-top:0;display: flex;align-items: center;justify-content: center">
                意见:
            </div>
            <div style="width: 80%;height: 100%;border: black solid 1px;border-top:0">
                <textarea id="reportcontent4" style="width: 100%;height: 100%;resize: none;border-left: 0"></textarea>
            </div>
        </div>
        <div style="width:90%;margin-top: 20px">
            <b>保密须知：</b>此文件仅用作万息岗前集训成员项目记录或成员项目经验展示，未得到万息岗前集训中心许可，项目所涉及的文件及商业细节不得以任何形式外传或做其他用途，否则将承担相应的法律责任。
        </div>
    </div>

</div>

</body>
</html>